{extend name="base" /}
{block name="body"}
<div class="layui-card">
    <table id="tableList" lay-filter="tableList"></table>
    <!-- 表格操作列 -->
    <script type="text/html" id="barDemo">
        <a href="{:url('userLog/del')}?id={{d.id}}" class="layui-btn layui-btn-danger layui-btn-sm ajax-delete"><i class="layui-icon layui-icon-delete"></i>{:__('delete')}</a>
    </script>
<script type="text/html" id="toolbarDemo">
    <div class="layui-card-header">
        <div class="layui-btn-group">
            <a href="{:url('userLog/deletelog')}" class="layui-btn layui-btn-danger ajax-delete layui-btn-sm" tiptext="确认删除一个月前的日志"><i class="layui-icon layui-icon-delete"></i> 删除一个月前日志</a>
        </div>
    </div>
</script>
</div>
{/block}
{block name="js"}
<script>
    layui.use(['layer', 'form', 'table', 'util', 'dropdown'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var table = layui.table;
        var util = layui.util;
        var admin = layui.admin;
        var dropdown = layui.dropdown;

        // 渲染回访表格
        var insTb = table.render({
            elem: '#tableList',
           toolbar: '#toolbarDemo',
            url: "{:url('userLog/index_json')}",
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
            layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                 //,curr: 5 //设定初始在第 5 页
            ,groups: 1 //只显示 1 个连续页码
            ,first: false //不显示首页
            ,last: false //不显示尾页
            ,prev: '<em>上一页</em>'
            ,next: '<em>下一页</em>'
            } ,
            cellMinWidth: 100,
            limit:'15',
            limits:[15,30,50,100,200,500],
            size:'lg',even:true,
            cols: [[
                {
                    type:'numbers',
                    title:'#', 
                    width: 60
                }, {
                    field: 'type', 
                    title: '操作行为', 
                    align: 'center', 
                    width: 100
                }, {
                    field: 'content', 
                    title: '操作描述', 
                    width: 400, 
                    templet: function(d){
               return d.time + '，' + d.content;
                }}, {
                    field: 'username', 
                    title: '操作用户', 
                    align: 'center', 
                    width: 120
                } , {
                    field: 'url', 
                    title: '请求链接', 
                    width: 120
                } , {
                    field: 'param_id', 
                    align: 'center', 
                    sort: true, 
                    title: '操作数据ID', 
                    width: 120
                }, {
                    field: 'ip', 
                    title: 'IP地址', 
                    align: 'center', 
                    width: 140
                }, {
                    field: 'create_time', 
                    title: '操作时间', 
                    align: 'center', 
                    width: 160
                }, {
                    align: 'center', 
                    toolbar: '#barDemo', 
                    title: '操作', 
                    Width: 100
                    } 
            ]],
            parseData: function(res){ //res 即为原始返回的数据
                return {
                  "code": res.code, //解析接口状态
                  "msg": res.msg, //解析提示文本
                  "count": res.data.total, //解析数据长度
                  "data": res.data.data //解析数据列表
                };
            }
        });

    });

</script>
{/block}
